<template>
  <view class="solutionItem">
    <view class="list">
      <block v-for="(item, index) in list" :key="index">
        <view class="item" @click="onItemClick" :data-item="item">
          <img
            class="solution-img"
            mode="aspectFill"
            :src="item.imgUrls"
          />
          <view class="single-line margin-lr-20 margin-t-tl"
            >{{item.title}}</view
          >
          <view class="single-line font-size-24 margin-t-ten margin-lr-20">
           {{item.title}}
          </view>
          <view class="item-footer margin-lr-20 margin-t-tw">
            <scroll-view class="scroll-h" :scroll-x="true">
              <view>
                <block v-for="(tag, index) in item.tags.split(',')" :key="index">
                  <view class="label-item">{{tag}}</view>
                </block>
              </view>
            </scroll-view>
            <img class="browse-img" src="https://talentsupload.oss-cn-beijing.aliyuncs.com/miniprogram/common/browse.png">
            <text class="num">{{item.browseNum}}</text>
             <img class="browse-img margin-l-tw" src="https://talentsupload.oss-cn-beijing.aliyuncs.com/miniprogram/common/like.png">
            <text class="num">{{item.likesNum}}</text>
          </view>
        </view>
      </block>
    </view>
  </view>
</template>
<script src="./indexMod.js"/>
<style src="./indexStyle.scss" lang="scss" scoped/>